<route lang="json5" type="page">
{
  layout: 'default',
  style: {
    navigationBarTitleText: '列表',
  },
}
</route>

<template>
  <view class="container">
    <z-paging ref="pagingRef" v-model="dataList" @query="queryList">
      <view class="item mb-2" v-for="(item, index) in dataList" :key="index">
        <view class="item-title">{{ item.id }}</view>
      </view>
    </z-paging>
  </view>
</template>

<script lang="ts" setup>
import { useQuery } from '@/hooks/useQuery'
const { pagingRef, dataList, queryList } = useQuery('')
</script>

<style lang="scss" scoped>
.container {
  .item {
    padding: 200rpx 40rpx;
    color: #333;
    background: #e1f8df;
  }
  //
}
</style>
